@main-bg-color: #259cfc;
@second-bg-color: #f1f4f9;
@third-bg-color: rgb(36 98 255 / 10%);
@second-linear-bg-color: linear-gradient(to bottom, #94d5ff 0%, #257bf9 70%, #96cfff 99%),
	linear-gradient(to bottom, #64b5ff, #75beff);
@main-color: #259cfc;
@amount-color: #259cfc;

/** 金额颜色 */
.amount-color {
	color: @amount-color;
}

/** 主题颜色 */
.main-color {
	color: @main-color;
}

/** 主题背景色 */
.main-bg-color {
	background-color: @main-bg-color;
}
.second-bg-color {
	background-color: @second-bg-color;
}

/** 主题按钮 */
.button-primary {
	color: #ffffff;
	background-color: @main-bg-color;
}
// 普通主题
.button-normal {
	position: relative;
	background-image: linear-gradient(to bottom, #3ec0fe, #178ef6 100%),
		linear-gradient(
			to right,
			#2f6ff1 0%,
			#3374f1 9%,
			#56c6fd 16%,
			#198df5 23%,
			#40b8fe 50%,
			#198df5 77%,
			#5fcfff 84%,
			#3188ea 90%,
			#1685e7 100%
		);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	border-bottom: 3px solid transparent;
	box-shadow: 0 2px 4px 0 #87bfef;
	&::before {
		box-shadow: inset 0 -8px 6px 0 #337efc, inset 0 -5px 3px 0 #2e97fd;
	}
	&:disabled {
		color: #ffffff;
		border-color: transparent;
		opacity: 0.55;
	}
	&:not(:disabled, .ant-btn-disabled):hover {
		color: #ffffff;
		filter: brightness(1.1);
		border-color: transparent;
	}
}
.button-disabled.button-primary {
	color: #ffffff;
	background-color: @main-bg-color;
	opacity: 0.8;
}

/** 主题渐变背景色 */
.main-bg-linear-color {
	background-image: @second-linear-bg-color;
}

/** 主题渐变背景按钮 */
.button-primary-linear {
	position: relative;
	background-image: linear-gradient(to bottom, #3ec0fe, #178ef6 100%),
		linear-gradient(
			to right,
			#2f6ff1 0%,
			#3374f1 9%,
			#56c6fd 16%,
			#198df5 23%,
			#40b8fe 50%,
			#198df5 77%,
			#5fcfff 84%,
			#3188ea 90%,
			#1685e7 100%
		);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	border-bottom: 3px solid transparent;
	box-shadow: 0 2px 4px 0 #87bfef;
	&::before {
		box-shadow: inset 0 -8px 6px 0 #337efc, inset 0 -5px 3px 0 #2e97fd;
	}
	&.button-disabled,
	&:disabled {
		color: #ffffff;
		border-color: transparent;
		opacity: 0.55;
	}
	&:not(:disabled, .ant-btn-disabled):hover,
	&:active {
		color: #ffffff !important;
		filter: brightness(1.1);
		border-color: transparent !important;
	}
}

/** 文字型按钮 */
.button-text {
	color: @main-color;
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
	span,
	svg {
		color: @main-color;
	}
}

/** 默认按钮 */
.button-default {
	color: #259cfc !important;
	background: none;
	border: 1px solid;
	&:hover,
	&:active {
		border-color: #259cfc;
	}
}

/** 默认按钮 */
.button-fourth {
	color: @color9;
	background-image: linear-gradient(to bottom, #ffffff 20%, #ffffff 64%, #ddebff 100%),
		linear-gradient(
			to right,
			#b1c6da 0%,
			#7b9fbe 7%,
			#bbddfa 13%,
			#95b8d7 22%,
			#b7d6ef 50%,
			#87abca 71%,
			#80a4c3 80%,
			#c1dcf3 88%,
			#8fb6d8 94%,
			#bfd4e8 100%
		);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	border-bottom: 3px solid transparent;
	box-shadow: 0 2px 4px 0 #d5e3f6;
	&:not(:disabled, .ant-btn-disabled):hover {
		filter: brightness(1);
		border-color: transparent !important;
	}
	span,
	svg {
		color: @color9;
	}
}
.button-block {
	width: 100%;
}
.button-third {
	color: @main-color;
	background-color: @third-bg-color;
	span,
	svg {
		color: @main-color;
	}
}
.bg-third {
	background-color: @third-bg-color;
}

/** ant 分页组件样式 */
.ant-pagination-item {
	a {
		color: #ffffff !important;
	}
}
.main-colori {
	color: @main-color !important;
}
.ant-pagination {
	.ant-pagination-item {
		margin-right: 10px !important;
	}
	.ant-pagination-item:not(.ant-pagination-item-active) {
		color: #666666 !important;
		background-color: #ffffff !important;
		a {
			font-size: 14px !important;
			color: #666666 !important;
		}
	}
}
.ant-pagination-item-active {
	background-color: @main-color !important;
	border: none !important;
}
